<template>
	<view @click="hanldesetCopy">
		<slot name="content"></slot>
	</view>
</template>

<script setup>
	export default {
		props: {
			content: {
				type: String,
				default: '一段内容'
			}
		},
		methods: {
			// 改变状态
			hanldesetCopy(goods_id) {
				// 该方法不支持h5
				//#ifndef H5
				uni.setClipboardData({
					data: String(this.content), // 必须字符串
					success: function() {
						console.log('success');
					}
				});
				//#endif
				
				// h5端赋值方法，使用创建节点
				// #ifdef H5
				if (!document.queryCommandSupported('copy')) { // 兼容某些浏览器的判断
					console.log('该浏览器不支持')
				}
				let textarea = document.createElement("textarea")
				textarea.value = this.content
				textarea.readOnly = "readOnly"
				document.body.appendChild(textarea)
				textarea.select() // 选择对象
				textarea.setSelectionRange(0, this.content.length) // 核心
				let result = document.execCommand("copy") // 执行浏览器复制命令
				if (result) {
					uni.showToast({
						title: '复制成功',
						duration: 2000
					});
				}
				textarea.remove()
				//#endif
			},
		}
	}
</script>

<style>

</style>